  //  banner
    .box{
        position: relative;
        img{
            width:100%;
           
        }
        .content{
            position: absolute;
            left:4em;
            top:1em;
            h1{
                font-size: 2em;
                font-weight: bold;
                color:#7e7474;
            }
            p{
                font-size:1.2em;
                color:#7e7474;
                font-weight: bold;
                margin:-5px -11px;

            }
        }
    }

    //function
    .function{
        margin:3em auto;
        margin-bottom: 0em;
        .container{
            position: relative;
            p{
                position: absolute;
                left:1.4em;
                top:-1.5em;
                font-size: 1.3em;
                color:#7e7474;
                border-bottom: 5px solid #fcc72f;
            }

            .box{
                display: flex;
                justify-content: space-around;

                .item{
                    width:20%;
                    text-align: center;
                    cursor: pointer;
                    img{
                        margin:1em 0em;
                        margin-bottom: 0em;
                        width:70%;
                        height:55%;
                    }
                    span{
                        font-size: 10px;
                    }
                        
                    
                }
            }
        }
    }

    // picture
    .picture{
        .box{
            display: flex;
            justify-content: space-around;
            margin-top:1em;

            .left{
                width:33%;
            }
            .right{
                width:50%;
                .bottom{
                    margin:15px 0px;
                }
            }
        }
    }

